
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 19:20:50 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="rodrigograudo">
        <span class="simulation-information-label">Description: </span>
        <span>rodrigograudo</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68417</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692818451000,3],[1692818452000,2],[1692818453000,2],[1692818454000,2],[1692818455000,2],[1692818456000,2],[1692818457000,2],[1692818458000,2],[1692818459000,2],[1692818460000,2],[1692818461000,2],[1692818462000,2],[1692818463000,2],[1692818464000,2],[1692818465000,2],[1692818466000,2],[1692818467000,2],[1692818468000,2],[1692818469000,2],[1692818470000,2],[1692818471000,2],[1692818472000,2],[1692818473000,2],[1692818474000,2],[1692818475000,2],[1692818476000,6],[1692818477000,6],[1692818478000,6],[1692818479000,7],[1692818480000,7],[1692818481000,7],[1692818482000,7],[1692818483000,8],[1692818484000,7],[1692818485000,8],[1692818486000,8],[1692818487000,8],[1692818488000,8],[1692818489000,9],[1692818490000,9],[1692818491000,9],[1692818492000,9],[1692818493000,9],[1692818494000,10],[1692818495000,9],[1692818496000,10],[1692818497000,10],[1692818498000,10],[1692818499000,11],[1692818500000,11],[1692818501000,10],[1692818502000,11],[1692818503000,12],[1692818504000,11],[1692818505000,12],[1692818506000,11],[1692818507000,12],[1692818508000,12],[1692818509000,13],[1692818510000,12],[1692818511000,13],[1692818512000,13],[1692818513000,13],[1692818514000,13],[1692818515000,14],[1692818516000,13],[1692818517000,14],[1692818518000,14],[1692818519000,14],[1692818520000,15],[1692818521000,14],[1692818522000,15],[1692818523000,15],[1692818524000,15],[1692818525000,16],[1692818526000,15],[1692818527000,16],[1692818528000,16],[1692818529000,16],[1692818530000,16],[1692818531000,17],[1692818532000,16],[1692818533000,17],[1692818534000,17],[1692818535000,18],[1692818536000,17],[1692818537000,18],[1692818538000,17],[1692818539000,18],[1692818540000,19],[1692818541000,18],[1692818542000,18],[1692818543000,19],[1692818544000,19],[1692818545000,19],[1692818546000,20],[1692818547000,19],[1692818548000,20],[1692818549000,20],[1692818550000,20],[1692818551000,20],[1692818552000,21],[1692818553000,21],[1692818554000,21],[1692818555000,22],[1692818556000,22],[1692818557000,22],[1692818558000,21],[1692818559000,22],[1692818560000,22],[1692818561000,22],[1692818562000,22],[1692818563000,23],[1692818564000,23],[1692818565000,23],[1692818566000,23],[1692818567000,23],[1692818568000,23],[1692818569000,24],[1692818570000,24],[1692818571000,24],[1692818572000,24],[1692818573000,25],[1692818574000,24],[1692818575000,25],[1692818576000,25],[1692818577000,25],[1692818578000,25],[1692818579000,26],[1692818580000,26],[1692818581000,26],[1692818582000,26],[1692818583000,26],[1692818584000,27],[1692818585000,26],[1692818586000,27],[1692818587000,27],[1692818588000,27],[1692818589000,28],[1692818590000,28],[1692818591000,27],[1692818592000,28],[1692818593000,29],[1692818594000,28],[1692818595000,29],[1692818596000,28],[1692818597000,29],[1692818598000,29],[1692818599000,30],[1692818600000,29],[1692818601000,30],[1692818602000,30],[1692818603000,30],[1692818604000,30],[1692818605000,31],[1692818606000,30],[1692818607000,31],[1692818608000,31],[1692818609000,31],[1692818610000,32],[1692818611000,31],[1692818612000,32],[1692818613000,32],[1692818614000,32],[1692818615000,33],[1692818616000,32],[1692818617000,33],[1692818618000,33],[1692818619000,33],[1692818620000,33],[1692818621000,34],[1692818622000,33],[1692818623000,34],[1692818624000,34],[1692818625000,35],[1692818626000,34],[1692818627000,35],[1692818628000,34],[1692818629000,35],[1692818630000,36],[1692818631000,35],[1692818632000,35],[1692818633000,36],[1692818634000,36],[1692818635000,36],[1692818636000,37],[1692818637000,36],[1692818638000,37],[1692818639000,37],[1692818640000,37],[1692818641000,37],[1692818642000,37],[1692818643000,38],[1692818644000,38],[1692818645000,38],[1692818646000,38],[1692818647000,39],[1692818648000,38],[1692818649000,39],[1692818650000,39],[1692818651000,39],[1692818652000,39],[1692818653000,40],[1692818654000,40],[1692818655000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692818451000,3],[1692818452000,2],[1692818453000,2],[1692818454000,2],[1692818455000,2],[1692818456000,2],[1692818457000,2],[1692818458000,2],[1692818459000,2],[1692818460000,2],[1692818461000,2],[1692818462000,2],[1692818463000,2],[1692818464000,2],[1692818465000,2],[1692818466000,2],[1692818467000,2],[1692818468000,2],[1692818469000,2],[1692818470000,2],[1692818471000,2],[1692818472000,2],[1692818473000,2],[1692818474000,2],[1692818475000,2],[1692818476000,6],[1692818477000,7],[1692818478000,7],[1692818479000,8],[1692818480000,8],[1692818481000,9],[1692818482000,9],[1692818483000,10],[1692818484000,11],[1692818485000,11],[1692818486000,11],[1692818487000,12],[1692818488000,13],[1692818489000,13],[1692818490000,13],[1692818491000,14],[1692818492000,15],[1692818493000,15],[1692818494000,16],[1692818495000,16],[1692818496000,17],[1692818497000,17],[1692818498000,18],[1692818499000,18],[1692818500000,19],[1692818501000,19],[1692818502000,20],[1692818503000,21],[1692818504000,22],[1692818505000,22],[1692818506000,22],[1692818507000,23],[1692818508000,23],[1692818509000,23],[1692818510000,24],[1692818511000,25],[1692818512000,25],[1692818513000,26],[1692818514000,26],[1692818515000,26],[1692818516000,27],[1692818517000,28],[1692818518000,28],[1692818519000,29],[1692818520000,29],[1692818521000,30],[1692818522000,30],[1692818523000,31],[1692818524000,31],[1692818525000,32],[1692818526000,33],[1692818527000,33],[1692818528000,33],[1692818529000,34],[1692818530000,34],[1692818531000,35],[1692818532000,36],[1692818533000,36],[1692818534000,36],[1692818535000,38],[1692818536000,37],[1692818537000,38],[1692818538000,39],[1692818539000,39],[1692818540000,40],[1692818541000,40],[1692818542000,41],[1692818543000,42],[1692818544000,43],[1692818545000,42],[1692818546000,43],[1692818547000,43],[1692818548000,44],[1692818549000,44],[1692818550000,45],[1692818551000,46],[1692818552000,46],[1692818553000,46],[1692818554000,47],[1692818555000,48],[1692818556000,48],[1692818557000,48],[1692818558000,49],[1692818559000,50],[1692818560000,50],[1692818561000,51],[1692818562000,51],[1692818563000,52],[1692818564000,52],[1692818565000,53],[1692818566000,53],[1692818567000,54],[1692818568000,54],[1692818569000,55],[1692818570000,55],[1692818571000,56],[1692818572000,56],[1692818573000,57],[1692818574000,58],[1692818575000,58],[1692818576000,58],[1692818577000,59],[1692818578000,60],[1692818579000,60],[1692818580000,60],[1692818581000,61],[1692818582000,62],[1692818583000,63],[1692818584000,64],[1692818585000,63],[1692818586000,64],[1692818587000,64],[1692818588000,65],[1692818589000,65],[1692818590000,66],[1692818591000,66],[1692818592000,67],[1692818593000,67],[1692818594000,68],[1692818595000,69],[1692818596000,68],[1692818597000,70],[1692818598000,70],[1692818599000,70],[1692818600000,71],[1692818601000,72],[1692818602000,72],[1692818603000,73],[1692818604000,73],[1692818605000,73],[1692818606000,74],[1692818607000,75],[1692818608000,75],[1692818609000,76],[1692818610000,76],[1692818611000,77],[1692818612000,77],[1692818613000,78],[1692818614000,78],[1692818615000,79],[1692818616000,80],[1692818617000,80],[1692818618000,80],[1692818619000,81],[1692818620000,81],[1692818621000,82],[1692818622000,83],[1692818623000,83],[1692818624000,84],[1692818625000,85],[1692818626000,84],[1692818627000,85],[1692818628000,86],[1692818629000,86],[1692818630000,87],[1692818631000,87],[1692818632000,88],[1692818633000,88],[1692818634000,89],[1692818635000,89],[1692818636000,90],[1692818637000,90],[1692818638000,91],[1692818639000,91],[1692818640000,92],[1692818641000,93],[1692818642000,93],[1692818643000,93],[1692818644000,94],[1692818645000,95],[1692818646000,95],[1692818647000,95],[1692818648000,96],[1692818649000,97],[1692818650000,97],[1692818651000,98],[1692818652000,98],[1692818653000,99],[1692818654000,99],[1692818655000,95]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692818451000,3],[1692818452000,2],[1692818453000,2],[1692818454000,2],[1692818455000,2],[1692818456000,2],[1692818457000,2],[1692818458000,2],[1692818459000,2],[1692818460000,1],[1692818461000,2],[1692818462000,7],[1692818463000,4],[1692818464000,5],[1692818465000,6],[1692818466000,6],[1692818467000,6],[1692818468000,4],[1692818469000,7],[1692818470000,5],[1692818471000,5],[1692818472000,5],[1692818473000,4],[1692818474000,8],[1692818475000,7],[1692818476000,7],[1692818477000,11],[1692818478000,14],[1692818479000,19],[1692818480000,22],[1692818481000,25],[1692818482000,28],[1692818483000,31],[1692818484000,34],[1692818485000,39],[1692818486000,42],[1692818487000,46],[1692818488000,48],[1692818489000,51],[1692818490000,55],[1692818491000,57],[1692818492000,62],[1692818493000,66],[1692818494000,69],[1692818495000,72],[1692818496000,73],[1692818497000,79],[1692818498000,81],[1692818499000,85],[1692818500000,88],[1692818501000,92],[1692818502000,94],[1692818503000,98],[1692818504000,102],[1692818505000,106],[1692818506000,108],[1692818507000,112],[1692818508000,116],[1692818509000,119],[1692818510000,122],[1692818511000,127],[1692818512000,128],[1692818513000,131],[1692818514000,134],[1692818515000,139],[1692818516000,141],[1692818517000,147],[1692818518000,150],[1692818519000,152],[1692818520000,156],[1692818521000,158],[1692818522000,159],[1692818523000,165],[1692818524000,171],[1692818525000,173],[1692818526000,176],[1692818527000,179],[1692818528000,182],[1692818529000,187],[1692818530000,191],[1692818531000,194],[1692818532000,196],[1692818533000,198],[1692818534000,202],[1692818535000,206],[1692818536000,209],[1692818537000,212],[1692818538000,216],[1692818539000,219],[1692818540000,224],[1692818541000,227],[1692818542000,229],[1692818543000,232],[1692818544000,235],[1692818545000,241],[1692818546000,241],[1692818547000,246],[1692818548000,250],[1692818549000,253],[1692818550000,256],[1692818551000,259],[1692818552000,262],[1692818553000,265],[1692818554000,270],[1692818555000,272],[1692818556000,275],[1692818557000,279],[1692818558000,283],[1692818559000,289],[1692818560000,289],[1692818561000,291],[1692818562000,294],[1692818563000,300],[1692818564000,303],[1692818565000,307],[1692818566000,309],[1692818567000,315],[1692818568000,315],[1692818569000,322],[1692818570000,323],[1692818571000,325],[1692818572000,330],[1692818573000,334],[1692818574000,336],[1692818575000,342],[1692818576000,344],[1692818577000,346],[1692818578000,348],[1692818579000,354],[1692818580000,358],[1692818581000,361],[1692818582000,364],[1692818583000,368],[1692818584000,369],[1692818585000,374],[1692818586000,376],[1692818587000,381],[1692818588000,385],[1692818589000,386],[1692818590000,391],[1692818591000,393],[1692818592000,398],[1692818593000,398],[1692818594000,403],[1692818595000,409],[1692818596000,410],[1692818597000,415],[1692818598000,416],[1692818599000,420],[1692818600000,425],[1692818601000,427],[1692818602000,430],[1692818603000,435],[1692818604000,436],[1692818605000,440],[1692818606000,444],[1692818607000,445],[1692818608000,451],[1692818609000,456],[1692818610000,457],[1692818611000,459],[1692818612000,466],[1692818613000,467],[1692818614000,469],[1692818615000,475],[1692818616000,478],[1692818617000,481],[1692818618000,481],[1692818619000,490],[1692818620000,494],[1692818621000,496],[1692818622000,496],[1692818623000,498],[1692818624000,504],[1692818625000,508],[1692818626000,512],[1692818627000,515],[1692818628000,514],[1692818629000,521],[1692818630000,527],[1692818631000,530],[1692818632000,531],[1692818633000,535],[1692818634000,538],[1692818635000,542],[1692818636000,542],[1692818637000,548],[1692818638000,554],[1692818639000,552],[1692818640000,557],[1692818641000,558],[1692818642000,565],[1692818643000,565],[1692818644000,573],[1692818645000,577],[1692818646000,578],[1692818647000,583],[1692818648000,582],[1692818649000,589],[1692818650000,594],[1692818651000,596],[1692818652000,598],[1692818653000,601],[1692818654000,605],[1692818655000,581]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '13'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  77.36,22.4,0.13,0.03,0.02,0.01,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692818451,null],[1692818452,null],[1692818453,null],[1692818454,null],[1692818455,null],[1692818456,null],[1692818457,null],[1692818458,null],[1692818459,null],[1692818460,null],[1692818461,null],[1692818462,null],[1692818463,null],[1692818464,null],[1692818465,null],[1692818466,null],[1692818467,null],[1692818468,null],[1692818469,null],[1692818470,null],[1692818471,null],[1692818472,null],[1692818473,null],[1692818474,null],[1692818475,null],[1692818476,null],[1692818477,null],[1692818478,null],[1692818479,null],[1692818480,null],[1692818481,null],[1692818482,null],[1692818483,null],[1692818484,null],[1692818485,null],[1692818486,null],[1692818487,null],[1692818488,null],[1692818489,null],[1692818490,null],[1692818491,null],[1692818492,null],[1692818493,null],[1692818494,null],[1692818495,null],[1692818496,null],[1692818497,null],[1692818498,null],[1692818499,null],[1692818500,null],[1692818501,null],[1692818502,null],[1692818503,null],[1692818504,null],[1692818505,null],[1692818506,null],[1692818507,null],[1692818508,null],[1692818509,null],[1692818510,null],[1692818511,null],[1692818512,null],[1692818513,null],[1692818514,null],[1692818515,null],[1692818516,null],[1692818517,null],[1692818518,null],[1692818519,null],[1692818520,null],[1692818521,null],[1692818522,null],[1692818523,null],[1692818524,null],[1692818525,null],[1692818526,null],[1692818527,null],[1692818528,null],[1692818529,null],[1692818530,null],[1692818531,null],[1692818532,null],[1692818533,null],[1692818534,null],[1692818535,null],[1692818536,null],[1692818537,null],[1692818538,null],[1692818539,null],[1692818540,null],[1692818541,null],[1692818542,null],[1692818543,null],[1692818544,null],[1692818545,null],[1692818546,null],[1692818547,null],[1692818548,null],[1692818549,null],[1692818550,null],[1692818551,null],[1692818552,null],[1692818553,null],[1692818554,null],[1692818555,null],[1692818556,null],[1692818557,null],[1692818558,null],[1692818559,null],[1692818560,null],[1692818561,null],[1692818562,null],[1692818563,null],[1692818564,null],[1692818565,null],[1692818566,null],[1692818567,null],[1692818568,null],[1692818569,null],[1692818570,null],[1692818571,null],[1692818572,null],[1692818573,null],[1692818574,null],[1692818575,null],[1692818576,null],[1692818577,null],[1692818578,null],[1692818579,null],[1692818580,null],[1692818581,null],[1692818582,null],[1692818583,null],[1692818584,null],[1692818585,null],[1692818586,null],[1692818587,null],[1692818588,null],[1692818589,null],[1692818590,null],[1692818591,null],[1692818592,null],[1692818593,null],[1692818594,null],[1692818595,null],[1692818596,null],[1692818597,null],[1692818598,null],[1692818599,null],[1692818600,null],[1692818601,null],[1692818602,null],[1692818603,null],[1692818604,null],[1692818605,null],[1692818606,null],[1692818607,null],[1692818608,null],[1692818609,null],[1692818610,null],[1692818611,null],[1692818612,null],[1692818613,null],[1692818614,null],[1692818615,null],[1692818616,null],[1692818617,null],[1692818618,null],[1692818619,null],[1692818620,null],[1692818621,null],[1692818622,null],[1692818623,null],[1692818624,null],[1692818625,null],[1692818626,null],[1692818627,null],[1692818628,null],[1692818629,null],[1692818630,null],[1692818631,null],[1692818632,null],[1692818633,null],[1692818634,null],[1692818635,null],[1692818636,null],[1692818637,null],[1692818638,null],[1692818639,null],[1692818640,null],[1692818641,null],[1692818642,null],[1692818643,null],[1692818644,null],[1692818645,null],[1692818646,null],[1692818647,null],[1692818648,null],[1692818649,null],[1692818650,null],[1692818651,null],[1692818652,null],[1692818653,null],[1692818654,null],[1692818655,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692818451,[6,0,6]],[1692818452,[6,0,6]],[1692818453,[6,0,6]],[1692818454,[6,0,6]],[1692818455,[6,0,6]],[1692818456,[6,0,6]],[1692818457,[6,0,6]],[1692818458,[6,0,6]],[1692818459,[6,0,6]],[1692818460,[6,0,6]],[1692818461,[4,0,4]],[1692818462,[9,0,9]],[1692818463,[9,0,9]],[1692818464,[7,0,7]],[1692818465,[12,0,12]],[1692818466,[6,0,6]],[1692818467,[12,0,12]],[1692818468,[10,0,10]],[1692818469,[7,0,7]],[1692818470,[10,0,10]],[1692818471,[10,0,10]],[1692818472,[10,0,10]],[1692818473,[7,0,7]],[1692818474,[8,0,8]],[1692818475,[14,0,14]],[1692818476,[14,0,14]],[1692818477,[21,0,21]],[1692818478,[26,0,26]],[1692818479,[30,0,30]],[1692818480,[35,0,35]],[1692818481,[38,0,38]],[1692818482,[41,0,41]],[1692818483,[47,0,47]],[1692818484,[51,0,51]],[1692818485,[55,0,55]],[1692818486,[58,0,58]],[1692818487,[62,0,62]],[1692818488,[66,0,66]],[1692818489,[70,0,70]],[1692818490,[75,0,75]],[1692818491,[78,0,78]],[1692818492,[82,0,82]],[1692818493,[86,0,86]],[1692818494,[91,0,91]],[1692818495,[94,0,94]],[1692818496,[99,0,99]],[1692818497,[103,0,103]],[1692818498,[105,0,105]],[1692818499,[111,0,111]],[1692818500,[116,0,116]],[1692818501,[118,0,118]],[1692818502,[121,0,121]],[1692818503,[126,0,126]],[1692818504,[132,0,132]],[1692818505,[135,0,135]],[1692818506,[138,0,138]],[1692818507,[142,0,142]],[1692818508,[146,0,146]],[1692818509,[151,0,151]],[1692818510,[155,0,155]],[1692818511,[159,0,159]],[1692818512,[162,0,162]],[1692818513,[167,0,167]],[1692818514,[171,0,171]],[1692818515,[174,0,174]],[1692818516,[178,0,178]],[1692818517,[183,0,183]],[1692818518,[186,0,186]],[1692818519,[191,0,191]],[1692818520,[195,0,195]],[1692818521,[199,0,199]],[1692818522,[202,0,202]],[1692818523,[207,0,207]],[1692818524,[210,0,210]],[1692818525,[215,0,215]],[1692818526,[220,0,220]],[1692818527,[223,0,223]],[1692818528,[226,0,226]],[1692818529,[230,0,230]],[1692818530,[235,0,235]],[1692818531,[240,0,240]],[1692818532,[242,0,242]],[1692818533,[247,0,247]],[1692818534,[250,0,250]],[1692818535,[256,0,256]],[1692818536,[259,0,259]],[1692818537,[262,0,262]],[1692818538,[267,0,267]],[1692818539,[271,0,271]],[1692818540,[275,0,275]],[1692818541,[279,0,279]],[1692818542,[282,0,282]],[1692818543,[288,0,288]],[1692818544,[290,0,290]],[1692818545,[296,0,296]],[1692818546,[299,0,299]],[1692818547,[303,0,303]],[1692818548,[307,0,307]],[1692818549,[311,0,311]],[1692818550,[314,0,314]],[1692818551,[320,0,320]],[1692818552,[322,0,322]],[1692818553,[328,0,328]],[1692818554,[330,0,330]],[1692818555,[337,0,337]],[1692818556,[339,0,339]],[1692818557,[343,0,343]],[1692818558,[345,0,345]],[1692818559,[352,0,352]],[1692818560,[356,0,356]],[1692818561,[359,0,359]],[1692818562,[362,0,362]],[1692818563,[368,0,368]],[1692818564,[371,0,371]],[1692818565,[375,0,375]],[1692818566,[380,0,380]],[1692818567,[383,0,383]],[1692818568,[387,0,387]],[1692818569,[391,0,391]],[1692818570,[396,0,396]],[1692818571,[399,0,399]],[1692818572,[402,0,402]],[1692818573,[408,0,408]],[1692818574,[411,0,411]],[1692818575,[415,0,415]],[1692818576,[420,0,420]],[1692818577,[423,0,423]],[1692818578,[426,0,426]],[1692818579,[433,0,433]],[1692818580,[435,0,435]],[1692818581,[440,0,440]],[1692818582,[443,0,443]],[1692818583,[446,0,446]],[1692818584,[452,0,452]],[1692818585,[456,0,456]],[1692818586,[459,0,459]],[1692818587,[464,0,464]],[1692818588,[467,0,467]],[1692818589,[472,0,472]],[1692818590,[477,0,477]],[1692818591,[478,0,478]],[1692818592,[483,0,483]],[1692818593,[487,0,487]],[1692818594,[493,0,493]],[1692818595,[495,0,495]],[1692818596,[500,0,500]],[1692818597,[502,0,502]],[1692818598,[508,0,508]],[1692818599,[512,0,512]],[1692818600,[515,0,515]],[1692818601,[520,0,520]],[1692818602,[523,0,523]],[1692818603,[528,0,528]],[1692818604,[532,0,532]],[1692818605,[534,0,534]],[1692818606,[541,0,541]],[1692818607,[542,0,542]],[1692818608,[548,0,548]],[1692818609,[552,0,552]],[1692818610,[557,0,557]],[1692818611,[559,0,559]],[1692818612,[564,0,564]],[1692818613,[567,0,567]],[1692818614,[572,0,572]],[1692818615,[577,0,577]],[1692818616,[579,0,579]],[1692818617,[584,0,584]],[1692818618,[587,0,587]],[1692818619,[593,0,593]],[1692818620,[595,0,595]],[1692818621,[599,0,599]],[1692818622,[605,0,605]],[1692818623,[607,0,607]],[1692818624,[612,0,612]],[1692818625,[616,0,616]],[1692818626,[620,0,620]],[1692818627,[624,0,624]],[1692818628,[627,0,627]],[1692818629,[633,0,633]],[1692818630,[636,0,636]],[1692818631,[640,0,640]],[1692818632,[644,0,644]],[1692818633,[647,0,647]],[1692818634,[652,0,652]],[1692818635,[656,0,656]],[1692818636,[661,0,661]],[1692818637,[663,0,663]],[1692818638,[668,0,668]],[1692818639,[672,0,672]],[1692818640,[676,0,676]],[1692818641,[680,0,680]],[1692818642,[684,0,684]],[1692818643,[687,0,687]],[1692818644,[692,0,692]],[1692818645,[697,0,697]],[1692818646,[700,0,700]],[1692818647,[703,0,703]],[1692818648,[708,0,708]],[1692818649,[714,0,714]],[1692818650,[716,0,716]],[1692818651,[720,0,720]],[1692818652,[724,0,724]],[1692818653,[728,0,728]],[1692818654,[733,0,733]],[1692818655,[1070,0,1070]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692818451,[6,0,6]],[1692818452,[6,0,6]],[1692818453,[6,0,6]],[1692818454,[6,0,6]],[1692818455,[6,0,6]],[1692818456,[6,0,6]],[1692818457,[6,0,6]],[1692818458,[6,0,6]],[1692818459,[6,0,6]],[1692818460,[6,0,6]],[1692818461,[4,0,4]],[1692818462,[9,0,9]],[1692818463,[9,0,9]],[1692818464,[7,0,7]],[1692818465,[12,0,12]],[1692818466,[6,0,6]],[1692818467,[12,0,12]],[1692818468,[10,0,10]],[1692818469,[7,0,7]],[1692818470,[10,0,10]],[1692818471,[10,0,10]],[1692818472,[10,0,10]],[1692818473,[7,0,7]],[1692818474,[8,0,8]],[1692818475,[13,0,13]],[1692818476,[15,0,15]],[1692818477,[21,0,21]],[1692818478,[26,0,26]],[1692818479,[30,0,30]],[1692818480,[35,0,35]],[1692818481,[38,0,38]],[1692818482,[41,0,41]],[1692818483,[47,0,47]],[1692818484,[50,0,50]],[1692818485,[55,0,55]],[1692818486,[58,0,58]],[1692818487,[62,0,62]],[1692818488,[67,0,67]],[1692818489,[70,0,70]],[1692818490,[75,0,75]],[1692818491,[78,0,78]],[1692818492,[82,0,82]],[1692818493,[86,0,86]],[1692818494,[91,0,91]],[1692818495,[94,0,94]],[1692818496,[99,0,99]],[1692818497,[103,0,103]],[1692818498,[105,0,105]],[1692818499,[111,0,111]],[1692818500,[116,0,116]],[1692818501,[118,0,118]],[1692818502,[121,0,121]],[1692818503,[126,0,126]],[1692818504,[132,0,132]],[1692818505,[135,0,135]],[1692818506,[138,0,138]],[1692818507,[142,0,142]],[1692818508,[146,0,146]],[1692818509,[151,0,151]],[1692818510,[155,0,155]],[1692818511,[159,0,159]],[1692818512,[162,0,162]],[1692818513,[167,0,167]],[1692818514,[171,0,171]],[1692818515,[174,0,174]],[1692818516,[178,0,178]],[1692818517,[183,0,183]],[1692818518,[186,0,186]],[1692818519,[190,0,190]],[1692818520,[196,0,196]],[1692818521,[199,0,199]],[1692818522,[202,0,202]],[1692818523,[206,0,206]],[1692818524,[211,0,211]],[1692818525,[215,0,215]],[1692818526,[220,0,220]],[1692818527,[223,0,223]],[1692818528,[226,0,226]],[1692818529,[230,0,230]],[1692818530,[235,0,235]],[1692818531,[240,0,240]],[1692818532,[242,0,242]],[1692818533,[247,0,247]],[1692818534,[250,0,250]],[1692818535,[255,0,255]],[1692818536,[260,0,260]],[1692818537,[262,0,262]],[1692818538,[267,0,267]],[1692818539,[271,0,271]],[1692818540,[275,0,275]],[1692818541,[279,0,279]],[1692818542,[282,0,282]],[1692818543,[288,0,288]],[1692818544,[290,0,290]],[1692818545,[296,0,296]],[1692818546,[299,0,299]],[1692818547,[303,0,303]],[1692818548,[307,0,307]],[1692818549,[311,0,311]],[1692818550,[314,0,314]],[1692818551,[320,0,320]],[1692818552,[322,0,322]],[1692818553,[328,0,328]],[1692818554,[330,0,330]],[1692818555,[336,0,336]],[1692818556,[339,0,339]],[1692818557,[344,0,344]],[1692818558,[345,0,345]],[1692818559,[352,0,352]],[1692818560,[356,0,356]],[1692818561,[359,0,359]],[1692818562,[362,0,362]],[1692818563,[368,0,368]],[1692818564,[371,0,371]],[1692818565,[375,0,375]],[1692818566,[380,0,380]],[1692818567,[383,0,383]],[1692818568,[386,0,386]],[1692818569,[392,0,392]],[1692818570,[396,0,396]],[1692818571,[399,0,399]],[1692818572,[402,0,402]],[1692818573,[408,0,408]],[1692818574,[411,0,411]],[1692818575,[415,0,415]],[1692818576,[420,0,420]],[1692818577,[423,0,423]],[1692818578,[426,0,426]],[1692818579,[433,0,433]],[1692818580,[435,0,435]],[1692818581,[440,0,440]],[1692818582,[442,0,442]],[1692818583,[447,0,447]],[1692818584,[452,0,452]],[1692818585,[456,0,456]],[1692818586,[459,0,459]],[1692818587,[464,0,464]],[1692818588,[467,0,467]],[1692818589,[472,0,472]],[1692818590,[476,0,476]],[1692818591,[479,0,479]],[1692818592,[482,0,482]],[1692818593,[488,0,488]],[1692818594,[492,0,492]],[1692818595,[495,0,495]],[1692818596,[501,0,501]],[1692818597,[502,0,502]],[1692818598,[507,0,507]],[1692818599,[513,0,513]],[1692818600,[514,0,514]],[1692818601,[521,0,521]],[1692818602,[523,0,523]],[1692818603,[528,0,528]],[1692818604,[532,0,532]],[1692818605,[534,0,534]],[1692818606,[541,0,541]],[1692818607,[542,0,542]],[1692818608,[548,0,548]],[1692818609,[552,0,552]],[1692818610,[557,0,557]],[1692818611,[559,0,559]],[1692818612,[563,0,563]],[1692818613,[568,0,568]],[1692818614,[572,0,572]],[1692818615,[576,0,576]],[1692818616,[580,0,580]],[1692818617,[584,0,584]],[1692818618,[587,0,587]],[1692818619,[593,0,593]],[1692818620,[595,0,595]],[1692818621,[599,0,599]],[1692818622,[605,0,605]],[1692818623,[607,0,607]],[1692818624,[611,0,611]],[1692818625,[617,0,617]],[1692818626,[620,0,620]],[1692818627,[624,0,624]],[1692818628,[627,0,627]],[1692818629,[633,0,633]],[1692818630,[635,0,635]],[1692818631,[641,0,641]],[1692818632,[644,0,644]],[1692818633,[647,0,647]],[1692818634,[651,0,651]],[1692818635,[657,0,657]],[1692818636,[661,0,661]],[1692818637,[663,0,663]],[1692818638,[668,0,668]],[1692818639,[672,0,672]],[1692818640,[676,0,676]],[1692818641,[680,0,680]],[1692818642,[684,0,684]],[1692818643,[687,0,687]],[1692818644,[692,0,692]],[1692818645,[697,0,697]],[1692818646,[700,0,700]],[1692818647,[703,0,703]],[1692818648,[708,0,708]],[1692818649,[714,0,714]],[1692818650,[715,0,715]],[1692818651,[721,0,721]],[1692818652,[724,0,724]],[1692818653,[728,0,728]],[1692818654,[733,0,733]],[1692818655,[1070,0,1070]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68417.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
